@font-face {
	font-family:"思源黑体";
	src: url(../fonts/SourceHanSans-Heavy.otf);
}

*{
	margin:0;
	padding:0;
	list-style: none;
}
body,html{
	width: 100%;
	height: 100%;
	background-color:white ;
	font-size: 0.28rem;
}
.tip, .tip-contain{
	width: 4rem;
	height: 0.8rem;
	background-color: #007AFF;
	position: fixed;
	bottom: 2.5rem;
	left: 22%;
	z-index: 99999;
	border-radius: 4rem;
	display: none;
}
.tip-contain{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.1rem;
	box-sizing: border-box;
}
.tip-contain img{
	width: 10%;
	margin-right: 0.2rem;
}
.tip-contain div:first-child{
	height: 0.8rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: white;
	font-size: 0.32rem;
}
.tip-contain div:first-child img{
	width: 20%;
	margin-right: 0.1rem;
}
/*后台切换头部*/
.changHeader{
	width: 100%;
	height: 1rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: fixed;
	left: 0;
	top: 0;
	padding: 0 0.22rem;
	box-sizing: border-box;
	background-color: #FAFAFA;
	display: none;
}
.changHeader img{
	width: 0.6rem;
}
.home-contain{
	width: 100%;
	height: 7rem;
	background-color: #eee;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
}
.mui-bar{
	background-color: rgba(0,0,0,0.2);
	box-shadow: none;
}
.mui-bar h1{
	color: white;
}

/*后台管理*/
.admin{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0.8rem;
	background-color: white;
	z-index: 99;
	overflow: hidden;
	display: none;
}

.admin div{
	float: left;
	width: 30%;
	font-size: 0.38rem;
	height: 100%;
	color: #757575;
}
.admin div:first-child{
	width: 40%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	border-right: 1px solid #EEEEEE;
}
.admin div:nth-child(2){
	text-align: center;
	line-height: 0.8rem;
}
.admin div:nth-child(3){
	background-color: #007AFF;
	text-align: center;
	line-height: 0.8rem;
	color: white;
}
/*显示内容*/
.showUp{
	font-size: 0.8rem;
	position: absolute;
	left: 0;
	bottom:0;
	color: white;
	width: 100%;
	height: 1.4rem;
	text-align: center;
	background-color: rgba(0,0,0,0.05);
	animation: showUpTo 1s infinite;
}

@keyframes showUpTo{
	0%{
		line-height: 1.7rem;
		opacity: 0.2;
	}
	30%{
		line-height: 0.7rem;
		opacity: 1;
	}
	100%{
		line-height: 0.2rem;
		opacity: 0;
	}
}
@-webkit-keyframes shapeTwo{
	0%{
		line-height: 1.7rem;
		opacity: 0;
	}
	30%{
		line-height: 0.7rem;
		opacity: 1;
	}
	100%{
		line-height: 0.2rem;
		opacity: 0;
	}
}


/*左侧菜单*/

.myHeader{
	width: 100%;
	height: 100%;
	position: relative;
	/*display:none;*/
}
.myHeader div:first-of-type{
	width: 1.4rem;
	height: 1.4rem;
	background-color: #EFEFF4;
	border-radius: 50%;
	overflow: hidden;
	margin: 2rem auto 0.2rem;
}
.myHeader div:nth-child(2){
	font-size: 0.32rem;
	color: #EFEFF4;
	text-align: center;
}

.myHeader div:nth-child(3){
/*	margin-top: 5rem;*/
	text-align: center;
	font-size: 0.28rem;
	color: #CED4DA;
	position: absolute;
	left: 50%;
	bottom: 3.8rem;
	margin-left: -1.5rem;
	width: 3rem;
}
.myHeader div:nth-child(4){
	font-size: 0.32rem;
	color: #CED4DA;
	width: 3rem;
	height: 0.8rem;
	border: 1px solid #CED4DA;
	margin: 0.3rem auto;
	line-height: 0.8rem;
	text-align: center;
	border-radius: 5px;
	position: absolute;
	left: 50%;
	bottom: 2.6rem;
	margin-left: -1.5rem;
}

.myHeaderMore{
	padding: 0.22rem;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
	display: none;
	position: relative;
}
.myHeaderMore .userHeader{
	padding: 0.5rem 0;
	border-bottom: 1px solid #848484;
}
.myHeaderMore .userHeader:after{
	display:block;
	clear:both;
	content:"";
	visibility:hidden;
	height:0;
	}
.myHeaderMore .userHeader div:first-child{
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	float: left;
	overflow: hidden;
}
.myHeaderMore .userHeader div:nth-child(2){
	float: left;
	margin-left: 0.2rem;
}
.myHeaderMore .userHeader div:nth-child(2) p{
	color: white;
	font-size: 0.32rem;
}
.userList{
	padding: 0.26rem 0;
	box-sizing: border-box;
	font-size: 0.32rem;
	border-bottom: 1px solid #595959;
}
.userList span{
	color: white;
	margin-right: 0.1rem;
}
.userListBottom{
	width: 100%;
	font-size: 0.4rem;
	padding-top: 0.2rem;
	border-top: 1px solid #595959;
	position: absolute;
	left: 0.26rem;
	bottom: 0.4rem;
}
.userListBottom span{
	color: white;
	margin-right: 0.1rem;
}

/*我的资讯*/
.myall{
	width: 100%;
	height: 1rem;
	background-color: white;
	margin-bottom: 0.2rem;
	padding-top: 0.25rem;
	box-sizing: border-box;
	position: relative;
}
.myall div:first-child{
	width: 3rem;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.myall div:first-child span:first-child{
	display: inline-block;
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
	overflow: hidden;
}
.myall div:first-child span:last-child{
	font-size: 0.30rem;
	margin-left: 0.2rem;
}
.myall div:last-child{
	position: absolute;
	top: 0.3rem;
	right: 0.2rem;
}
.myall div:last-child img{
	width: 0.4rem;
}

/*我的资讯*/
.mynews{
	width: 100%;
	font-size: 0.32rem;
	color: #595959;
	background-color: white;
	padding: 0 0.2rem 0.2rem;
	box-sizing: border-box;
}
.mynews p{
	color: white; 
	font-size: 0.28rem;
	margin-top: 0.2rem;
	text-indent: 2em;
}
.mynews .mynews-title{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mynews .mynews-title span:first-child,.mynews .mynews-title span:nth-child(3){
	display: inline-block;
	width: 0.56rem;
	height: 0.02rem;
	background-color: #595959;
}
.mynews .mynews-title span:nth-child(2){
	margin: 0 0.1rem;
}
.mynews .mynews-list{
	width: 100%;
	overflow: hidden;
	margin-top: 0.3rem;
}
.mynews .mynews-list li{
	width: 33.33%;
	float: left;
	font-size: 0.26rem;
	margin-bottom:0.24rem ;
	
}
.mynews .mynews-list li div:first-child{
	text-align: center;
	font-size: 0.7rem;
	color: #595959;
}
.mynews .mynews-list li div:last-child{
	text-align: center;
	color: #595959;
	font-size: 0.28rem;
}


/*我的文章*/
.myarticle{
	width: 100%;
	font-size: 0.32rem;
	color: #595959;
	background-color: white;
	margin-top: 0.2rem;
	padding: 0.2rem;
}
.myarticle .myarticle-title{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0.4rem;
}
.myarticle .myarticle-title span:first-child,.myarticle .myarticle-title span:nth-child(3){
	display: inline-block;
	width: 0.56rem;
	height: 0.02rem;
	background-color: #595959;
}
.myarticle .myarticle-title span:nth-child(2){
	margin: 0 0.1rem;
}
.myarticle .myarticle-list li{
	width: 100%;
}
.myarticle .myarticle-list li{
	width: 100%;
	height:1.8rem;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	border-bottom: 1px solid white;
	margin-top: 0.2rem;
	font-size: 0.28rem;
	background-color: #F0F0F0;
	padding: 0.2rem;
	}
.myarticle .myarticle-list li div:first-child{
	width:67% ;
	height: 100%;
	margin-right: 3%;
	overflow: hidden;
  	text-overflow: ellipsis;
 	display: -webkit-box;
 	-webkit-line-clamp: 2;
  	-webkit-box-orient: vertical;
	
}
.myarticle .myarticle-list li div:first-child span:nth-child(1){
	width: 100%;
	border: 1px solid #e05332;
	border-radius: 0.1rem;
	padding: 0 0.1rem;
	color: #e05332;
	margin-right: 0.2rem;
	
}
.myarticle .myarticle-list li div:nth-child(2){
	width: 30%;
	height: 100%;
	border-radius: 0.1rem;
	overflow: hidden;	
}


/*主题库*/
.myTopital{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 100%;
	top: 0;
	background-color: #EEEEEE;
	z-index: 999;		
}
.myTopital .mytitle{
	height: 0.8rem;
	width: 100%;
	background-color: #E5E5E5;
	padding: 0 0.22rem;
	box-sizing: border-box;
	font-size: 0.32rem;
	overflow: hidden;
	z-index: 99;
}
.myTopital .mytitle div:first-child{
	float: left;
	height: 0.8rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.myTopital .mytitle div:first-child img{
	width: 0.6rem;
	height: 0.6rem;
}
.myTopital .mytitle div:last-child{
	width: 2rem;
	margin:0.1rem auto;
	text-align: center;
	font-weight: bold;
}

.titleContain{
	width: 100%;
	height: 100%;
	padding: 0.22rem;
	box-sizing: border-box;
}
.titleContain ul{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.titleContain ul .muban{
	width: 31%;
	border: 1px solid #C9CACA;
	box-shadow: 0 0 5px #C9CACA;
	background-color: white;
	margin-bottom: 0.2rem;
	margin-right: 3%;
	position: relative;
}
.titleContain ul .muban .cover{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	display: none;
}
.titleContain ul .muban .cover div{
	width: 0.8rem;
	height: 0.8rem;
	margin: 1.2rem auto 0;
}
.titleContain ul li:nth-child(3n){
	margin-right:0 !important;
}
.titleContain ul li div{
	width: 100%;
	height: 2.8rem;
	overflow: hidden;
}
.titleContain ul li p{
	height: 0.6rem;
	font-size: 0.32rem;
	text-align: center;
	line-height: 0.6rem;
}


/*内容*/
.containToChoose{
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 0.2rem;
	font-size: 0.32rem;
}
.containToChoose div{
	width: 25%;
	height: 0.8rem;
	border: 1px solid #CCCCCC;
	text-align: center;
	line-height: 0.8rem;
}
.containToChoose div:first-child{
	background-color:#007AFF ;
	color: white;
	border: 1px solid #007AFF;
}
.containToChooseOneChange,.containToChooseTwoChange{
	padding-bottom: 0.4rem;
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 0.2rem;
}
.containToChooseTwoChange{
	display: none;
}
.mui-btn{
	float: right;
}
.myContain{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: white;
	z-index: 10001;
	padding: 0.22rem;
	box-sizing: border-box;
	display: none;
	z-index: 999;
}
.myContain .containClose{
	width: 100%;
	height: 1rem;
	border-bottom: 1px solid #EEEEEE;
	padding-top: 0.2rem;
	box-sizing: border-box;
	margin-bottom: 0.22rem;
}
.myContain .containClose img{
	margin: 0 auto;
	width: 0.6rem;
	height: 0.6rem;
}
.myContain .containTitle{
	font-size: 0.30rem;
}

.containSysterm{
	padding: 0.22rem;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.containSysterm li{
	width: 20%;
	font-size: 0.28rem;
	text-align: center;
	margin-right: 6%;
	padding: 0.2rem;
	box-sizing: border-box;
	color: #555555;
}
.containSysterm li:nth-child(4n){
	margin-right: 0;
}

/*微链接*/
.containLink{
	padding: 0.22rem;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.containLink li{
	width: 20%;
	font-size: 0.28rem;
	text-align: center;
	margin-right: 6%;
	padding: 0.2rem;
	box-sizing: border-box;
	color: #555555;
}
.containLink li span{
	font-size: 0.5rem;
}
.containLink li p{
	font-size: 0.28rem;
}
.containLink li:nth-child(4n){
	margin-right: 0;
}